{{ define "order/place_order.html" }}

{{ template "base/base_header.html" .}}
<head>
	<title>天天生鲜-提交订单</title>
	{{ template "base/base_import.html" .}}
</head>
<body>
	{{ template "base/base_top.html" .}}
	{{ template "base/base_search.html" .}}
	
	<h3 class="common_title">确认收货地址</h3>

	<div class="common_list_con clearfix">
		<dl>
			<dt>寄送到：</dt>
			<dd><input type="radio" name="addr_id" value="{{ .NewDefaultAddress.ID }}" checked="">{{ .DefaultAddr }}</dd>
		</dl>
		<a href="/ttsx/user/user_center_site" class="edit_site">编辑收货地址</a>
	</div>
	
	<h3 class="common_title">支付方式</h3>	
	<div class="common_list_con clearfix">
		<div class="pay_style_con clearfix">
			<input type="radio" name="pay_style" value="1">
			<label class="cash">货到付款</label>
			<input type="radio" name="pay_style" value="2">
			<label class="weixin">微信支付</label>
			<input type="radio" name="pay_style" value="3" checked>
			<label class="zhifubao"></label>
			<input type="radio" name="pay_style" value="4">
			<label class="bank">银行卡支付</label>
		</div>
	</div>

	<h3 class="common_title">商品列表</h3>
	
	<div class="common_list_con clearfix">
		<ul class="goods_list_th clearfix">
			<li class="col01">商品名称</li>
			<li class="col02">商品单位</li>
			<li class="col03">商品价格</li>
			<li class="col04">数量</li>
			<li class="col05">小计</li>		
		</ul>
		{{ range $v := .GoodsList }}
			<ul class="goods_list_td clearfix">
				<li class="col01"> {{ $v.index }}</li>			
				<li class="col02"><img src="{{ $v.image }}"></li>
				<li class="col03">{{ $v.name }}</li>
				<li class="col04">{{ $v.unite }}</li>
				<li class="col05">{{ $v.price }}元</li>
				<li class="col06">{{ $v.count }}</li>
				<li class="col07">{{ $v.amount }}元</li>	
			</ul>
		{{ end }}
	</div>

	<h3 class="common_title">总金额结算</h3>

	<div class="common_list_con clearfix">
		<div class="settle_con">
			<div class="total_goods_count">共<em>{{ .TotalGoodsNum }}</em>件商品，总金额<b>{{ .TotalAmount }}元</b></div>
			<div class="transit">运费：<b>{{ .TransPrice }}元</b></div>
			<div class="total_pay">实付款：<b>{{ .TotalPrice }}元</b></div>
		</div>
	</div>

	<div class="order_submit clearfix">
		<a href="javascript:;" sku_ids="{{ .Sku_ids }}" id="order_btn">提交订单</a>
	</div>	

	{{ template "base/base_bottom.html" .}}
	<div class="popup_con">
		<div class="popup">
			<p>订单提交成功！</p>
		</div>
		
		<div class="mask"></div>
	</div>

	<script type="text/javascript">
		$('#order_btn').click(function() {
			// 订单结算
			addr_id = $('input[name="addr_id"]:checked').val()
			pay_type = $('input[name="pay_style"]:checked').val()
			sku_ids = $(this).attr('sku_ids')

			$.ajax({
				url: "/ttsx/order/create",
				type:"post",
				dataType:"json",
				data:{"addr_id":addr_id, "pay_type":pay_type, "sku_ids":sku_ids}
			}).done(function(data){
				if (data.code == 4) {
					localStorage.setItem('order_finish',2);
					$('.popup_con').fadeIn('fast', function() {

						setTimeout(function(){
							$('.popup_con').fadeOut('fast',function(){
								window.location.href = '/ttsx/user/user_center_order/1';
							});	
						},3000)
					});
				} else {
					alert(data.errMsg)
				}
			}).fail(function(data){
				console.log(data.errMsg)
				alert(data.errMsg)
			})

		});
	</script>
</body>
</html>

{{ end }}